@extends('home.layouts')

@section('content')
	<div class="container">
		<div class="row">
				<div id="content" class="col-sm-9">      <h1>註冊賬戶</h1>
	      <p>歡迎來到我們網站，如果您是新會員，請填寫下面的表單進行註冊。如果您已經是本站的會員，請您直接<a href="index.php-route=account-login.htm" tppabs="http://shop14.jccms.cn/index.php?route=account/login">登錄</a>。</p>
	      <form action="{{ route('user.store') }}" method="post" class="form-horizontal">
	      <ul class="nav nav-tabs">
	        <li class="active"><a href="#tab-email" data-toggle="tab" onclick="setEmailRegister()">郵箱註冊</a>
	        <input id="email-register" class="hidden" type="radio" name="registertype" checked="checked" value="email">
	        </li>
	      </ul>
	      <div class="tab-content p-2">
	      	<!-- <div class="tab-pane  active  " id="tab-email">
	           -->
	          <!-- <div class="form-group required">
	            <label class="col-sm-2 control-label" for="input-email">E-Mail</label>
	            <div class="col-sm-10">
	              <input type="email" name="email" value="" placeholder="E-Mail" id="input-email" class="form-control">
	                          </div>
	          </div> -->
	          @component('home.components.text-input', ['type' => 'email', 'label' => '电子邮件', 'name' => 'email'])
	          @endcomponent

	          @component('home.components.text-input', [ 'label' => '用户名', 'name' => 'name'])
	          @endcomponent

	          @component('home.components.text-input', ['type' => 'password', 'label' => '密码', 'name' => 'password'])
	          @endcomponent

	          @component('home.components.text-input', ['type' => 'password', 'label' => '确认密码', 'name' => 'password_confirmation'])
	          @endcomponent



	        <!-- </div> -->
	        
		       <!--  <div class="tab-pane  " id="tab-mobile">

		          <div class="form-group required">
		            <label class="col-sm-2 control-label" for="input-telephone">手機號碼</label>
		            <div class="col-sm-10">
		              <input type="text" name="telephone" value="" placeholder="手機號碼" id="input-telephone" class="form-control">
		              
		                            <br>
		              <input type="button" class="btn btn-long" id="mobile_code" value="點擊獲取手機短信驗證碼">
		                            
		                          </div>
		          </div>  
		            <div class="form-group required">
		            <label class="col-sm-2 control-label" for="input-sms">短信驗證碼</label>
		            <div class="col-sm-10">
		              <input type="text" name="sms_code" value="" placeholder="短信驗證碼" id="input-sms-code" class="form-control">
		                          </div>
		            </div>     
		        </div> -->
	        
	        <!-- <div class="form-group required" style="display: none;">
	          <label class="col-sm-2 control-label">會員等級</label>
	          <div class="col-sm-10">
	                                    <div class="radio">
	              <label>
	                <input type="radio" name="customer_group_id" value="1" checked="checked">
	                普通</label>
	            </div>
	                                  </div>
	        </div> -->
	        
	                  
	          <!-- <div class="form-group required">
	            <label class="col-sm-2 control-label" for="input-password">密碼</label>
	            <div class="col-sm-10">
	              <input type="password" name="password" value="" placeholder="密碼" id="input-password" class="form-control">
	                          </div>
	          </div>
	          <div class="form-group required">
	            <label class="col-sm-2 control-label" for="input-confirm">確認密碼</label>
	            <div class="col-sm-10">
	              <input type="password" name="confirm" value="" placeholder="確認密碼" id="input-confirm" class="form-control">
	                          </div>
	          </div> -->
	          
	        <fieldset>
			    <legend>驗證碼</legend>
			    <div class="form-group required">
			        <label class="col-sm-2 control-label" for="input-captcha">輸入下圖中的驗證碼</label>
			    <div class="col-sm-10">
			      <input type="text" name="captcha" id="input-captcha" class="form-control">
			      <img src="index.php-route=extension-captcha-basic_captcha-captcha.jpg" tppabs="http://shop14.jccms.cn/index.php?route=extension/captcha/basic_captcha/captcha" alt="">
			          </div>
			    </div>
			</fieldset>
	          
	        <fieldset>
	            <legend>新聞訂閱</legend>
	            <div class="form-group">
	              <label class="col-sm-2 control-label">訂閱</label>
	              <div class="col-sm-10">
	                                <label class="radio-inline">
	                  <input type="radio" name="newsletter" value="1">
	                  是</label>
	                <label class="radio-inline">
	                  <input type="radio" name="newsletter" value="0" checked="checked">
	                  否</label>
	                              </div>
	            </div>
	        </fieldset>
	          
	    </div>
	    @csrf
	      
        <div class="buttons">
          <div class="pull-right">我已經閱讀並同意 <a href="index.php-route=information-information-agree&amp;information_id=3.htm" tppabs="http://shop14.jccms.cn/index.php?route=information/information/agree&amp;information_id=3" class="agree"><b>隱私政策</b></a>條款                        <input type="checkbox" name="agree" value="1" checked="checked">
                        &nbsp;
            <input type="submit" value="繼續" class="btn btn-primary">
          </div>
        </div>
	    </form>
	    @component('components.error') @endcomponent
	      </div>
		</div>
	</div>
@endsection